// 字符串模板
function StringTemplate() {
    const value: string = '小满'
    return (<>
        <div>{value}</div>
    </>)
}

// boolean模板
function BooleanTemplate() {
  const isShow: boolean = true
  return (<>
    <div>{isShow ? '显示' : '隐藏'}</div>
  </>)
}

// 数组模板
function ArrayTemplate() {
  const list: string[] = ['小满', '小红', '小蓝']
  return (<>
    <div>{list.map((item) => item)}</div>
  </>)
}

function UseTsxBindVariable() {
    return (<>
    <StringTemplate />
    <BooleanTemplate />
    <ArrayTemplate />
    </>)
}

export default UseTsxBindVariable